<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>硅谷少儿英语-外教上门 小班拼课</title>
<meta name="description" content="" />
<meta name="Keywords" content="少儿英语培训，儿童英语，少儿口语，外教上门，外教到家，小班英语" />
<link rel="shortcut icon" href="https://www.svenglish.cn/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body class="home">

<div class="page_all" id="homePage">
  <div class='header'>
    <div class='logo'><img src='images/logo.png'></div>
  </div>

  

  <div class='main_box banner'><img src='images/home/banner.jpg'></div>

  <div class='main_box home_main1'><img src='images/home/home_main1.png'></div>

  
  <div class='main_box home_form' id="formBox">
    <h3 class='index_tit'>免费报名试听、拼班</h3>
    <ul class="form_list">
      <li>
        <input class='input' :class="{'input_error':contactNameError}" v-model="contactName" type='text' placeholder='请输入联系人' maxlength='50'></input>
      </li>
      <li>
        <input class='input' :class="{'input_error':contactPhoneError}" v-model="contactPhone" type='text' placeholder='请输入手机号' maxlength='11'></input>
      </li>
      <li>
        <select class="select" :class="{'input_error':courseNameError}" v-model="courseName">
          <option value="">请选择宝贝英语基础</option>
          <option :value="item" v-for="item in course">{{item}}</option>
        </select>
        <span class="arrow"></span>
      </li>
      <li>
        <span class="btn" @click="submitFn">免费报名</span>
      </li>
    </ul>

    <div class="form_tip">报名成功后，我们会和您确定试听时间与地点</div>
    <div class="form_tip" v-if="referrer">推荐码: {{referrer}}</div>
    <div class="form_service">
      <div class="form_service_l">
        <img src="images/home/ewm.png" alt="">
        <p>硅谷少儿英语小谷老师</p>
      </div>
      <div class="form_service_r">
        长按识别左侧二维码<br>
        添加小谷老师客服微信咨询<br>
        了解更多试听课程细节
      </div>
    </div>
  </div>


  <div class='main_box home_main3'><img src='images/home/home_main3.png'></div>

  <!--<div class='main_box home_main4'><img src='images/home/home_main4.png'></div>-->


  
  <div class='main_box home_main5'>
    <h3 class='index_tit'>硅谷少儿英语课程</h3>
    <ul class="course_list">
      <li>
        <h4>Wonders 启蒙班 (2-4人)</h4>
        <p>适合英语零基础的孩子</p>
        <a class="btn btn_line" href="course-1.html">了解详情</a>
      </li>
      <li>
        <h4>Wonders 基础班 (2-4人)</h4>
        <p>适合已有一年左右英语学习基础的孩子</p>
        <a class="btn btn_line" href="course-2.html">了解详情</a>
      </li>
      <li>
        <h4>Wonders 进阶班 (2-4人)</h4>
        <p>适合已有两年及以上英语学习基础的孩子</p>
        <a class="btn btn_line" href="course-3.html">了解详情</a>
      </li>
    </ul>
  </div>


  <div class='main_box home_main5'>
    <h3 class='index_tit'>高效的浸入式学习体验</h3>
    <div class="swiper-container" id="js_swiper1">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper_list" v-for="item in banner.list">
          <div class='swiper_box'>
            <img :src="item.src" class="slide-image" />
            <p>{{item.title}}</p>
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class='main_box home_main6'>
    <h3 class='index_tit'>外教/中教严选把关，是老师<br>更是你孩子的朋友</h3>
    <div class="swiper-container swiper_teacher" id="js_swiper2">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper2_list" v-for="item in teacher.list">
          <div class='swiper_photo_box'>
            <img :src="item.src" class="slide-image" /> 
          </div>
          <div class='teacher_name'>{{item.name}}</div>
          <p class='teacher_info'>{{item.info}}</p>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
  </div>





  <div class='main_box home_main7'><img src='images/home/home_main7.png'></div>

  <div class='chengnuo'><img src='images/home/chengnuo.jpg'></div>
  <div class='service'><img src='images/home/service.png'></div>

  <!-- <div class='btn_box'>
    <span class='btn btn_line'>分享给朋友</span>
  </div> -->

  <div class="win_bg" :class="{show_dialog:showDialog}"></div>
  <div class="form_dialog" :class="{show_dialog:showDialog}">
    <h3>试听课报名成功</h3>
    <p>亲爱的家长，感谢您的参与。<br>我们将尽快与您联系。</p>
    <p>长按识别下方二维码，添加小谷老师，了解后续试听课细节安排。</p>
    <div class="ewm_box">
      <img src="images/home/ewm.png" alt="">
      <p>硅谷少儿英语<br>小谷老师</p>
    </div>
    <div class="close" @click="showDialog=false"></div>
  </div>

  <a class="btn_bm" href="#formBox">免费<br>报名</a>
  <a class="btn_bm btn_qimoChat" onclick="qimoChatClick()">在线<br>咨询</a>
</div>

<!-- 提示框 -->
<div class="modal_bg"></div>
<div class="modal_box">
  <p>请填写联系人</p>
  <div class="modal_footer">
    <div class="modal_btn green js_alert_ok">确定</div>
    <div class="modal_btn js_alert_cancel">取消</div>
  </div>
</div>

<footer class="appFoot">
  <a href="index.html" class="current"><span class="appFoot-itemText">免费试听</span></a>
  <a href="course-1.html"><span class="appFoot-itemText">了解课程</span></a>
  <a href="myOrder.html"><span class="appFoot-itemText">我的...</span></a>
  <a href="about.html"><span class="appFoot-itemText">关于我们</span></a>
</footer>
<!-- <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> -->
<script src="js/zepto.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/common.js"></script>
<script src="js/index.js"></script>
<script type='text/javascript' src='https://webchat.7moor.com/javascripts/7moorInit.js?accessId=5fc40f90-4c50-11e9-8cff-09c8f8fdbcba&autoShow=false&language=ZHCN' async='async'></script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-133564697-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-133564697-1');
</script>


</body>
</html>
